<meta charset="UTF-8">
<style>

tr:nth-child(2n+2) {
    background-color: #B0E2FF;
}

</style>
<div class="container-fluid">

<div class="row">
		<div style="margin-bottom: 20px"></div>
		<div class="panel panel-primary">
			<div class="panel-heading">
				<div class="panel-title">Entrada de Produtos</div>
			</div>
			<div class="panel-body">
				<alert ng-repeat="alert in alerts" type="alert.type"
					close="closeAlert($index)">{{alert.msg}}</alert>
				<section>
					<div class="col-xs-3">
						<input type="text" ng-model="search" class="form-control"
							placeholder="Procurar" />
					</div>


					<button ng-click="abrirCadastroEntradaProduto()"
						class="btn btn-primary pull-right">
						<span class="glyphicon glyphicon-plus"></span> Adicionar Produto
					</button>
				</section>

			</div>
			<table ng-table="tableParams" class="table">

				<thead>
					<tr>
						<th>#</th>
						<th>Descrição</th>
						<th>Quantidade</th>
						<th>Preço do Custo</th>
						<th>Valor Unitário</th>
						<th>Margem de Lucro</th>
						<th>Margem de Lucro em Porcentagem</th>
						<th>Data de Entrada</th>


						<th></th>
					</tr>
				</thead>
				<tbody>
					
					<tr
						ng-repeat="Listaproduto in listaDeEntada | filter:search">
						<td>{{$index + 1}}</td>
						<td>{{Listaproduto.produto.descricao}}</td>

						<td>{{Listaproduto.qtde}}</td>
						<td>{{Listaproduto.precoCusto | currency}}</td>
						<td>{{Listaproduto.valorUnitario | currency}}</td>
						<td>{{Listaproduto.margemDeLucro | currency}}</td>
						<td>{{Listaproduto.margemDeLucroPercentual}}%</td>
						<td>{{Listaproduto.dataEntrada}}</td>


						<td><a ng-href="#/entrada-de-produto-ver/{{Listaproduto.id}}"
							class="btn btn-default btn-xs"><i class="fa fa-eye"></i></a> 
                                <a  ng-href="#/editar-entrada-de-produto/{{Listaproduto.id}}" class="btn btn-primary btn-xs" ><i class="fa fa-edit"></i></a>
                                <a  ng-click="deletar(Listaproduto.id, Listaproduto)" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a>
					</tr>
				</tbody>
			</table>
		</div>

	</div>
	
	

</div>

<script type="text/ng-template" id="add_entrada_produto_modal">
    <div class="modal-header">
		<button class="btn btn-primary btn-xs pull-right" ng-click="cancel()"><i class="fa fa-times"/></button>
    
        <h3>Entrada de Produto</h3>
	
	</div>
    <div class="modal-body">
        <!--<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>-->
        <form name="clienteForm" class="form-horizontal" ng-submit="add()">
            <div class="control-group">
                <label class="control-label" for="produto">Produto</label>
                <div class="controls">

               <select id="produto"  ng-model="entradaDeProduto.idProduto" class="form-control" required>

               <option  ng-repeat="item in produtos" value="{{item.id}}">{{ item.descricao }} </option>
              <option value="" selected>Selecione...</option>

    </select>
           </div>
            </div>

            <div class="control-group" >
                <label class="control-label" for="quantidade">Quantidade</label>
                <div class="controls">
                    <input id="quantidade" placeholder="Quantidade" name="quantidade" ng-model="entradaDeProduto.qtde" type="number" class="form-control" ng-required="true" />
                </div>
            </div>

            <div class="control-group" >
                <label class="control-label" for="precoCusto">Preço do Custo</label>
                <div class="controls">
                    <input id="precoCusto" name="precoCusto" ng-model="entradaDeProduto.precoCusto" type="number" placeholder="Preço do Custo" class="form-control" ng-required="true" />
                </div>
            </div>

          <div class="control-group" >
                <label class="control-label" for="valorUnitario">Valor Unitário</label>
                <div class="controls">
                  <input type="number" class="form-control " id="valorUnitario" name="senha" required placeholder="Valor Unitário" ng-model="entradaDeProduto.valorUnitario"/>
                </div>
            </div>

           <div class="control-group" >
                <label class="control-label" for="valorUnitario">Lucro em Dinheiro</label>
                <div class="controls">
                 {{entradaDeProduto.valorUnitario - entradaDeProduto.precoCusto | currency }}
                </div>
            </div>

 <div class="control-group" >
                <label class="control-label" for="valorUnitario">Lucro em Porcentagem</label>
                <div class="controls">
                 {{((entradaDeProduto.valorUnitario - entradaDeProduto.precoCusto) / entradaDeProduto.precoCusto) * 100}}%
                </div>
            </div>

            <div class="control-group" >
                <br/>
                <div class="pull-right">
                    
                   
                    <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Adicionar</button>

                    <button type="button" ng-click="cancel()" class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i> Cancelar</button>
                </div>


            </div>

        </form>
    </div>
    <br/>
    <br/>
</script>